﻿.preloader {display: none !important;}
.owl1.owl-carousel .item img { -webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.cardArea .item{height: 360px;}
/*再给logo元素伪类before添加样式*/
.logo:before {content: ""; position: absolute;top: 0;width: 260px; height: 60px;transform: rotate(-45deg);background: #fff;background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8), rgba(255,255,255,0));background: -ms-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8), rgba(255,255,255,0));background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8), rgba(255,255,255,0));animation: logoAni 1s 0s linear infinite;-webkit-transition:all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;opacity: 0;
}
.fixed .logo:before{opacity: 1;}
@keyframes logoAni {0% { left: -150px;}100% {left: 250px;}}


        /* --- 通用辅助类 --- */
        .flex { display: flex; }
        .flex-between { justify-content: space-between; }
        .flex-center { justify-content: center; align-items: center; }
        .section-title {
            font-size: 24px;
            color: #0056b3;
            font-weight: bold;
            line-height: 30px;
            display: flex;
            align-items: center;
        }
        .section-title::before {
            content: '';
            display: block;
            width: 6px;
            height: 26px;
                margin-right: 10px;
                background: linear-gradient(to bottom, #ff3300, #ff9900);
                background-size: 100% 100%;
        }
        .section-subtitle {
            font-size: 12px;
            color: #999;
            margin-bottom: 20px;
            margin-left: 14px; /* Align with text */
            text-transform: uppercase;
        }
        .more-btn {
            font-size: 12px;
            color: #666;
            border: 1px solid #ddd;
			line-height:30px;
			height:30px;
            padding: 0px 15px;
            border-radius: 15px;
            background: #fff;
            float: right;
            margin-top: -67px; /* Pull up to title line */
        }


/* --- 集团简介 Group Intro --- */
        .intro-section {
            position: relative;
            z-index: 10;
        }
        
        .intro-content {
            display: flex;
            gap: 60px;
        }
        
        .intro-text {
            flex: 1;
            line-height: 1.8;
            color: #666;
            text-align: justify;
        }
		.intro-text p{ font-size:15px; line-height:2;
        }

        .intro-icons {
            justify-content: space-between;
            margin-top: 30px;
			border:1px solid #e1e1e1;
			border-radius:8px;
			overflow:hidden;
        }
        
        .icon-box {
            text-align: center;
			width:20%;
			float:left;
			overflow:hidden;
			min-width:100px;
        }
        .icon-circle {			
			border-right:1px solid #e1e1e1;
            background: #fff;
            width: 100%;
			text-align:center;
			display:block;
			padding:15px 0;
			text-align:center;
            justify-content: center;
            transition: all 0.3s;
        }
		.r-no{ border-right:0;}
        .icon-box .icon-circle p{ text-align: center}
		 .icon-box .icon-circle img {}
		 .icon-box:hover .icon-circle { }
        
        .intro-video {
            width: 565px;
            height: 320px;
            background: #000;
            position: relative;
            /* 模拟视频封面 */
            background: url(../picture/about1.jpg) no-repeat; linear-gradient(45deg, #1e3c72, #2a5298); 
        }
        .play-btn {
            position: absolute;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            width: 60px; height: 60px;
            background: rgba(255,255,255,0.8);
            border-radius: 50%;
            display: flex;
            align-items: center; justify-content: center;
        }
        .play-btn::after {
            content: '▶';
            color: #0056b3;
            font-size: 24px;
            margin-left: 4px;
        }

        .company-scroll {
            margin-top: 30px;
            display: flex;
            justify-content: space-between;
            gap: 15px;
        }
        .company-pill {
            border: 1px solid #71b3f0;
            border-radius: 20px;
            padding: 8px 0;
            text-align: center;
            flex: 1;
            color: #666;
            background: #fff;
            font-size: 13px;
        }
		.clear{ clear:both; margin:0; padding:0; height:0; line-height:0;}
		.index-about-box{ padding:40px 20px!important; overflow:hidden;}
		.index-news-box,.index-gs-box,.index-yw-box,.index-case-box{ clear:both; margin-top:15px; background:none;}
		.index-news-box .post,.index-gs-box .post,.index-yw-box .post,.index-case-box .post{ background:#fafafa; padding:40px 60px!important;}		
		.index-news-l{ float:left; width:50%; padding-right:5%; border-right:2px solid #e1e1e1;}
		.index-news-l img{ width:100%; height: auto}
		.index-news-l h3{ font-size:18px; line-height:40px; height:40px; overflow:hidden;}
		.index-news-l p{ font-size:14px; line-height:1.8; color:#666666}
		h4.section-title{ font-size:18px;}		
		h4.section-title::before{ width:2px}
        .index-news-r{ float: right;  width: 45%;}
		.index-news-r .section-subtitle{ margin-bottom:0px;}
		.index-news-r ul{ padding:0; height:160px}
		.index-news-r li{ line-height:35px; height:35px; overflow:hidden;}
		.index-news-r li a{ font-size:16px; line-height:35px; height:35px; overflow:hidden;}
		.index-news-r .more-btn{ margin-top:-47px;}
        .index-news-title{ border-bottom: 2px solid #f1f1f1; margin-bottom: 8px;}
        

        /*首页公示*/
       .title_box{ clear: both; overflow:visible; height: 50px; border-bottom: 2px solid #f1f1f1; margin-bottom: 30px;}
.title_tab{  float: left; width: 150px;}
.title_box .more-btn{ margin-top: 0;}
.index-gs-box .hd{ float: left; margin-top: 16px;}
.index-gs-box .hd:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.index-gs-box .hd ul{ float:left;}
.index-gs-box .hd h2{ float:left;font-size:28px;height:38px;line-height:34px;color:#333;margin-right:40px;}
.index-gs-box .hd ul li{ cursor:pointer;float:left;height:30px;line-height:30px;padding:0 30px;color:#333;font-size:16px;margin-top:2px; }
.index-gs-box .hd ul li.on{ background:#0056b3;color:#fff;position:relative;}
.index-gs-box .hd ul li.on:before{ content:'';display:inline-block;margin-left:5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #3c5dc5;Position:absolute;bottom:-6px;left:50%;margin-left:-6px;}
.index-gs-box .hd span.right{ display:block;float:right;height:38px;line-height:38px;}
.index-gs-box .hd span.right a{ color:#0056b3;font-size:16px;}
.index-gs-box .hd span.right i{ display:inline-block; margin-left:6px;border-left:8px solid #3c5dc5;border-bottom:6px solid transparent;border-top:6px solid transparent;margin-top:-1px;vertical-align:middle;}
.index-gs-div { clear: both; overflow: hidden;}


/*公示列表*/
.list-gs{ }
.list-gs:after{ content:"";display:block;height:0;clear:both;visibility:hidden;}
.list-gs ul{ height:180px; overflow:hidden}
.list-gs ul li{ width:45%;float:left; line-height:36px; font-size:16px; color:#666; height:36px; overflow:hidden; margin-right:5%;}
.list-gs ul li .cate-name{ margin-right:8px; color:#999;}
.list-gs ul li .cate-time{ color:#999; float:right; background:#fafafa; font-size:14px;}
.list-gs ul li a{ height:36px; overflow:hidden; width:65%;}

. index-yw-box{}
.index-case-box { margin-bottom:15px;}
.index-case-box .title_tab{ width:200px;}
#index-case-list ul,#index-case-list li{margin:0;padding:0;list-style:none}
#index-case-list img{border:0;vertical-align:top}



.zy-Slide{
    font-size: 12px;
    position:relative;
    width:1140px;
    height:400px;
    margin:20px auto 0;
}
.zy-Slide ul{
    position:relative;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
.zy-Slide li{
    position:absolute;
    list-style:none;
    background:#000;
    width:0;
    height:0;
    top:146px;
    left:377px;
    z-index:0;
    cursor:pointer;
    border-radius:3px;
    margin:0;
    padding:0;
}
.zy-Slide li img{
    width:100%;
    height:100%;
    vertical-align:middle;
}
.zy-Slide section:nth-child(1), .zy-Slide section:nth-child(2){ position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; cursor: pointer; line-height: 40px; z-index:9999}
.zy-Slide section:nth-child(1){
    left:0;
}
.zy-Slide section:nth-child(2){
    right:0;  
}
.zy-Slide section i{ font-size:40px;color: #666; opacity: 0.3;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; }
.zy-Slide section:hover i{opacity: 1}